{template "header.html", "/"}

<div class="page-container">
    <div class="page-content-wrapper">

        <div class="page-content">
            <div class="container">

                <ul class="page-breadcrumb breadcrumb">
                    <li><a href="{SITE_URL}">首页</a><i class="fa fa-angle-right"></i></li>
                    {if defined('IS_SHARE') && !IS_SHARE}
                    <li><a href="{MODULE_URL}">{MODULE_NAME}</a><i class="fa fa-angle-right"></i></li>
                    {/if}
                    <li> <span>列表</span></li>
                </ul>



                <div class="book-content">
                    <div class="book-content-list row">

                        <div class="col-md-8">

                            <ul class="books ">

                                <!--分页显示列表数据-->
                                {module catid=$catid  order=updatetime page=1}
                                {if $key%2==0}
                                <li class="clearfix">
                                    {/if}
                                    <div class="book clearfix">
                                        <a href="{$t.url}">
                                            <div class="scal oh clearfix bookShadow fl" style="width: 100px; height: 138px;"><img src="{dr_thumb($t.thumb, 100, 140)}" class="fl"></div>
                                        </a>
                                        <div class="bookDetail">
                                            <div class="bookName text-overflow"><a href="{$t.url}">{dr_strcut($t.title, 20)}</a></div>
                                            <div class="detail">{dr_strcut($t.description, 60)}</div>
                                            <div class="typeAuthor fl text-overflow">
                                                <span><a href="{dr_cat_value($t.catid, 'name')}">{dr_cat_value($t.catid, 'name')}</a></span>
                                                <span>{$t.updatetime}</span>
                                            </div>
                                        </div>
                                    </div>
                                    {if $key%2==1 || $is_last}
                                </li>
                                {/if}
                                {/module}
                            </ul>
                            <div class="news-list-pagination">
                                <ul class="pagination">
                                    {$pages}
                                </ul>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="recommend ">
                                <div class="title clearfix">
                                    阅读排行榜
                                </div>
                                <ul class="recommendCon week">
                                    {module catid=$catid order=hits num=10}
                                    {if $key == 0}
                                    <li class="text-overflow clearfix">
                                        <a href="{$t.url}">
                                            <span class="fl">1</span>
                                            <div class="scal oh clearfix bookShadow fl" style="width: 48px; height: 64px;"><img class="fl" src="{dr_thumb($t.thumb, 50, 70)}"></div>
                                            <div class="fl bookContent">
                                                <div class="bookName text-overflow">{dr_strcut($t.title, 20)}</div>
                                                <div class="bookType text-overflow">{dr_cat_value($t.catid, 'name')}</div>
                                                <div class="bookAuthor text-overflow">{$t.schedule}</div>
                                            </div>
                                        </a>
                                    </li>
                                    {else}
                                    <li class="text-overflow"><a href="{$t.url}"><span>{$key+1}</span>{dr_strcut($t.title, 20)}</a></li>
                                    {/if}
                                    {/module}

                                </ul>

                            </div>

                            <div class="recommend mt20">
                                <div class="title clearfix">
                                    评论排行榜
                                </div>
                                <ul class="recommendCon week">
                                    {module catid=$catid order=comments num=10}
                                    {if $key == 0}
                                    <li class="text-overflow clearfix">
                                        <a href="{$t.url}">
                                            <span class="fl">1</span>
                                            <div class="scal oh clearfix bookShadow fl" style="width: 48px; height: 64px;"><img class="fl" src="{dr_thumb($t.thumb, 50, 70)}"></div>
                                            <div class="fl bookContent">
                                                <div class="bookName text-overflow">{dr_strcut($t.title, 20)}</div>
                                                <div class="bookType text-overflow">{dr_cat_value($t.catid, 'name')}</div>
                                                <div class="bookAuthor text-overflow">{$t.schedule}</div>
                                            </div>
                                        </a>
                                    </li>
                                    {else}
                                    <li class="text-overflow"><a href="{$t.url}"><span>{$key+1}</span>{dr_strcut($t.title, 20)}</a></li>
                                    {/if}
                                    {/module}
                                </ul>
                            </div>

                        </div>

                    </div>

                </div>

            </div>
        </div>

    </div>

</div>


{template "footer.html", "/"}